<html>
    <head>
        <meta charset="utf-8">
        <title>层次选择器示例</title>
        <style type="text/css">
        input {
            margin: 5px;
        }
        .input {
            font-size: 12pt;
            color: #333;
            background-color: #cef;
            border: 1px solid #000;
        }
        </style>
        <script src="./js/jquery-3.6.0.min.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            $("#change").click(function(){
                $("form > input").addClass("input");
            });
            $("default").click(function(){
                $("form > input").removeClass("input");
            });
        });
        </script>
    </head>
    <body>
        <form id="form1" name="form1" method="POST" action="">
            性&nbsp;&nbsp;名： <input type="text" name="name" id="name" />
            <br />
            籍&nbsp;&nbsp;贯： <input name="native" type="text" id="native" />
            <br />
            生&nbsp;&nbsp;日： <input type="text" name="birthday" id="birthday" />
            <br />
            E-mail: <input type="text" name="email" id="email" />
            <br />
            <span></span>
        </form>
    </body>
</html>